<!DOCTYPE html>
<html lang="en">
{% load staticfiles %}
<head>
    <meta charset="UTF-8">

    <title>{% block title %}{% endblock title %}</title>
    <!--清楚游览器默认-->


    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
            integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
            integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
            crossorigin="anonymous"></script>
    <link rel="stylesheet" type="text/css" href="{% static 'css/reset.css' %}">
   <script type="text/javascript" src="{% static 'js/jquery-2.1.4.min.js' %}"></script>
    <!--    尾部-->
    <link rel="stylesheet" href="{% static 'css/mycss-footer.css' %}">
    <link rel="stylesheet" href="{% static 'css/mycss-TX.css' %}">

    {% block toplink %}{% endblock toplink %}

</head>
<body>
{% block body %}
{% endblock body %}





<!--尾部-->
{% block afooter %}
    <div class="afooter">
        <div class="">
            <ul class="into-list">
                <li>
                    <span class="title">蜜匠婚礼</span>
                    <a href="https://www.mijwed.com/cs/wedding/products/" target="_blank" class="more-base"
                       data-title="主题婚礼"
                       title="主题婚礼">
                        <span><span>主题婚礼</span></span>
                    </a><br/>
                    <a href="https://www.mijwed.com/cs/wedding/case/" target="_blank" class="more-base"
                       data-title="案例陈列室"
                       title="案例陈列室"
                    >
                        <span><span>案例陈列室</span></span>
                    </a><br/>
                    <a href="https://www.mijwed.com/brand/" target="_blank" rel="nofollow" class="more-base"
                       data-title="品牌理念"
                       title="品牌理念">
                        <span><span>品牌理念</span></span>
                    </a><br/>
                    <a href="https://www.mijwed.com/explore/" target="_blank" rel="nofollow" class="more-base"
                       data-title="设计揭秘"
                       title="设计揭秘">
                        <span><span>设计揭秘</span></span>
                    </a><br/>
                    <a href="https://www.mijwed.com/dynamics/" target="_blank" rel="nofollow" class="more-base"
                       data-title="蜜匠动态"
                       title="蜜匠动态">
                        <span><span>蜜匠动态</span></span>
                    </a><br/>
                    <a href="https://www.mijwed.com/stores/" target="_blank" rel="nofollow" class="more-base"
                       data-title="城市体验馆"
                       title="城市体验馆">
                        <span><span>城市体验馆</span></span>
                    </a><br/>
                </li>
                <li>
                    <span class="title">优选商家</span>
                    <a href="https://www.mijwed.com/cs/hotel/" target="_blank" class="more-base"
                       data-title="长沙婚宴酒店" title="长沙婚宴酒店">
                        <span><span>长沙婚宴酒店</span></span>
                    </a><br/>
                    <a href="https://www.mijwed.com/cs/car/" target="_blank" class="more-base"
                       data-title="长沙婚车预订" title="长沙婚车预订">
                        <span><span>长沙婚车预订</span></span>
                    </a><br/>

                </li>
                <li>
                    <span class="title">百科攻略</span>
                    <a href="https://www.mijwed.com/cs/wiki/" target="_blank" class="more-base" data-title="本地百科"
                       title="本地百科">
                        <span><span>本地百科</span></span>
                    </a><br/>
                    <a href="https://www.mijwed.com/baike/" target="_blank" class="more-base" data-title="婚礼攻略"
                       title="婚礼攻略">
                        <span><span>婚礼攻略</span></span>
                    </a><br/>
                    <!-- <a href="#" target="_blank" class="more-base" data-title="新人说" title="新人说">
                        <span><span>新人说</span></span>
                    </a><br/>
                    <a href="#" target="_blank" class="more-base" data-title="问答" title="问答">
                        <span><span>问答</span></span>
                    </a><br/> -->
                </li>
                <li>
                    <span class="title">备婚工具</span>
                    <a href="https://www.mijwed.com/tools-invitation.html" target="_blank" class="more-base"
                       data-title="电子请帖"
                       title="电子请帖">
                        <span><span>电子请帖</span></span>
                    </a><br/>
                    <a href="https://www.mijwed.com/tools-luckyDays.html" target="_blank" class="more-base"
                       data-title="结婚吉日"
                       title="结婚吉日">
                        <span><span>结婚吉日</span></span>
                    </a><br/>
                    <a href="https://www.mijwed.com/tools-registry.html" target="_blank" class="more-base"
                       data-title="婚姻登记"
                       title="婚姻登记">
                        <span><span>婚姻登记</span></span>
                    </a><br/>
                    <!-- <a href="#" target="_blank" class="more-base" data-title="电子相册" title="电子相册">
                        <span><span>电子相册</span></span>
                    </a><br/> -->
                </li>
                <li>
                    <span class="title">商务合作</span>
                    <a href="https://www.mijwed.com/joinus/" target="_blank" class="more-base" data-title="加盟蜜匠"
                       title="加盟蜜匠">
                        <span><span>加盟蜜匠</span></span>
                    </a><br/>
                    <a href="https://www.mijwed.com/passport-business.html" target="_blank" rel="nofollow"
                       class="more-base"
                       data-title="商户入驻" title="商户入驻">
                        <span><span>商户入驻</span></span>
                    </a><br/><br/><br/>
                    <span class="title">关于我们</span>
                    <a href="https://www.mijwed.com/aboutus/" target="_blank" rel="nofollow" class="more-base"
                       data-title="公司简介"
                       title="公司简介">
                        <span><span>公司简介</span></span>
                    </a><br/>
                    <a href="https://www.mijwed.com/contactus/" target="_blank" rel="nofollow" class="more-base"
                       data-title="联系我们"
                       title="联系我们">
                        <span><span>联系我们</span></span>
                    </a>
                </li>
            </ul>
            <ul class="into-atlas">
                <li>
                    <img src="https://files.mijwed.com/wed/template/footer/platform/t-sina.png" alt="蜜匠婚礼APP"
                         class="pic">
                    <span class="text">蜜匠婚礼APP</span>
                </li>
                <li>
                    <img src="https://files.mijwed.com/uf/20201117/lz79x4xw1j1605595265000.png" alt="蜜匠婚礼APP"
                         class="pic">
                    <span class="text">微信公众号</span>
                </li>
            </ul>
            <div class="service-tel">
                <p class="text">24小时服务热线</p>
                <a tel="400-099-2169" class="tel">400-099-2169</a>
                <span class="btn btn-pay" onclick="kfBox()">在线客服</span>
            </div>
            <div class="footer-msg">
                <div class="copyright-text rt">
                    Copyright © 2020 <a target="_blank" href="https://www.mijwed.com/cs" title="蜜匠婚礼">mijwed.com</a>
                    <a>京ICP备17029003号-1</a>
                </div>
                <a target="_blank" rel="nofollow" href="https://www.mijwed.com/privacy/" title="隐私保护">隐私保护|</a>
                <a target="_blank" rel="nofollow" href="https://www.mijwed.com/policy/" title="免责声明">免责声明</a>
            </div>
        </div>

    </div>
{% endblock afooter %}


</body>
</html>
<script>
    var box = this.document.getElementsByClassName("BJLB-1")[0];
    var lik = box.getElementsByTagName("li");

    function fun(i, j) {//转换图片函数，就是把透明度改了一下
        lik[i].style.opacity = 1;
        lik[j].style.opacity = 0;
        lik[i + 5].style.backgroundColor = "#ff8237";//改一下小图标
        lik[j + 5].style.backgroundColor = "#00000000"
    }

    fun(0, 1);//初始化下
    var i = 0;

    function auto() {//轮播循环函数
        if (++i >= 5) {
            i = 0;
            fun(0, 4);
        } else fun(i, i - 1);
    }

    timer = this.setInterval(auto, 3000);
    box.onmouseover = function () { //鼠标划上去，停止轮播
        console.log('good');
        clearInterval(timer);
    };
    box.onmouseout = function () { //鼠标划出，继续轮播
        timer = setInterval(auto, 3000); //调用定时器
    };
    var j = 0;
    for (; j < 5; j++) {//点击小图标也可以转换图片
        lik[j + 5].ind = j;
        lik[j + 5].onclick = function () {
            fun(this.ind, i);
            i = this.ind;
        }
    }
</script>
<script src="{% static 'js/jquery.min.js' %}"></script>
<script src="{% static 'js/jquery.lazyload.min.js' %}"></script>
<script>
    $(document).ready(function () {
        $("img.lazy").lazyload();
    });


    //ALCH右侧left控制
    function ff() {
        var nm = document.getElementById('rt');
        var w = document.documentElement.clientWidth;
        var w2 = (w - 1200) / 2 + 880;
        if (w < 1200) {
            nm.style.cssText = "left:880px;"
        } else {
            nm.style.left = w2 + 'px';
        }
    }

    ff();
    window.onresize = function () {
        ff()
    }


</script>



